﻿@charset "utf-8";
/* CSS Document */

/* ----------- block-line ------------------- */

.lzc_timeline { margin:10px 0 0 0; padding: 0; list-style: none; position: relative; }
.lzc_timeline:before { content: ''; position: absolute; top: 0; bottom: 0; width: 5px; background: #2f89cf; left: 20px; margin-left: -10px;border-radius: 10px; }
.lzc_timeline > li { position: relative; }
.lzc_timeline > li .lzc_time { display: block;position: absolute;}
.lzc_timeline > li .lzc_time span { display: block; text-align: right; }
/*.lzc_timeline > li .lzc_time span:first-child { font-size: 8px; color: #bdd0db; }*/
/*.lzc_timeline > li .lzc_time span:last-child { font-size: 12px; color: #3594cb; }*/
/*.lzc_timeline > li:nth-child(odd) .lzc_time span:last-child { color: #6cbfee; }*/
.lzc_timeline > li .lzc_label { margin: 0 8px 8px 30px; background: rgba(255,255,255,.3);  padding: 5px 10px; position: relative; border-radius: 12px; /*height: 100px;*/}
.lzc_timeline > li:nth-child(odd) .label { background: #579dc5; }
/*.lzc_timeline > li .lzc_label h2 {font-size: 16px; text-shadow: rgba(7, 84, 152, 0.71) 1px 1px 1px; }*/
.lzc_timeline > li .lzc_label:after { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: rgba(255,255,255,.2); border-width: 10px; top: 10px; }
/*.lzc_timeline > li:nth-child(odd) .lzc_label:after { border-right-color: #afdcf8; }*/
.lzc_timeline > li .lzc_icon { width: 10px; height: 10px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 1.4em; line-height: 40px; -webkit-font-smoothing: antialiased; position: absolute; color: #fff; background: #2f89cf; border-radius: 50%; box-shadow: 0 0 0 3px #ececec; text-align: center; left: 32px; top: 15px; margin: 0 0 0 -25px; }
.lzc_blogpic { width: 200px; height: 120px; overflow: hidden; display: block; float: left; margin-right: 20px;}
.lzc_timeline li .lzc_time { -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; }
/*.lzc_timeline li:hover .lzc_icon { box-shadow: 0 0 0 3px #ececec; }*/
/*.lzc_timeline li:hover .lzc_time { background: #afdcf8; border-radius: 20px 0 0 20px; }*/
/*.lzc_timeline li:hover .lzc_time span { color: #2f89cf; }*/

/* ------------------------------------------- */


/* my styles */

.side-panel-2{overflow-y:scroll;}
.side-panel-2::-webkit-scrollbar {
    width: 5px;
    /*height: 4px;*/
    scrollbar-arrow-color:#fff;
}
.side-panel-2::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px;
    /*-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.9);*/
    /*background: #2f89cf;*/
    background: rgba(255,255,255,0.2);
    scrollbar-arrow-color: rgba(255,255,255,0.1);
}
/*.side-panel-2::-webkit-scrollbar-track {!*滚动条里面轨道*!*/
/*    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
/*    border-radius: 0;*/
/*    background: rgba(0,0,0,0.1);*/
/*}*/

.side-panel-2-list-padding-right{word-break:break-all;color: rgba(255, 255, 255, .8)}
/* 配色方案一：背景card透明度 .8 指示角标透明度 .4 文字色彩 不设置 */
/* 配色方案一：背景card透明度 .3 指示角标透明度 .2 文字色彩  rgba(255, 255, 255, .8) */


.console-wrap-lc{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 101;
    background-color: rgba(0,0,0,.7);
}
.console-wrap{
    width: 70%;
    height: 90%;
    margin:2% auto;
    background-color: #fff;
    border-radius: 10px;
    /*border: solid 1px #fff;*/
    /*box-shadow: 0 0 10px rgba(255,255,255,0.2);*/
}

.block-detail-panel-wrap{
    width: 50%;
    height: 70%;
    margin:7% auto;
    background-color: #fff;
    border-radius: 10px;
    /*border: solid 1px #fff;*/
    /*box-shadow: 0 0 10px rgba(255,255,255,0.2);*/
}

.console-container{
    margin-top: 10px;
    height: 86%;
    overflow-y: scroll;
}
.console-container::-webkit-scrollbar {
    width: 5px;
}
.console-container::-webkit-scrollbar-thumb {
    border-radius: 5px;
    /*background: #0d6efd;*/
    background: rgba(0,0,0,0.2);
}
/*.console-container::-webkit-scrollbar-track {*/
/*    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
/*    border-radius: 5px;*/
/*    background: rgba(0,0,0,0.1);*/
/*}*/

.console-content-padding-10 textarea::-webkit-scrollbar {
    width: 5px;
}

.console-content-padding-10 textarea::-webkit-scrollbar-thumb {
    border-radius: 5px;
    /*background: #0d6efd;*/
    background: rgba(0,0,0,0.2);
}

/*.console-action-loading{width:100% !important;text-align:center;}*/

/*.loadbox{position:absolute; width:160px;height:150px; color: #aaa; left:50%; top:50%; margin-top:-100px; margin-left:-75px;}*/
/*.console-action-loading-box img{ margin:10px auto; display:block; width:40px;border: none; background: none;}*/

.console-text-size-01{font-size: .1rem !important;}
.console-text-size-02{font-size: .2rem !important;}
.console-text-size-025{font-size: .25rem !important;}
.console-text-size-03{font-size: .3rem !important;}
.console-text-size-04{font-size: .4rem !important;}
.console-text-size-05{font-size: .5rem !important;}
.blank-line-01{width: 100%;height: .1rem;}
.blank-line-02{width: 100%;height: .2rem;}
.blank-line-03{width: 100%;height: .3rem;}
.blank-line-04{width: 100%;height: .4rem;}
.blank-line-05{width: 100%;height: .5rem;}
.blank-line-06{width: 100%;height: .6rem;}
.blank-line-07{width: 100%;height: .7rem;}
.blank-line-08{width: 100%;height: .8rem;}
.blank-line-09{width: 100%;height: .9rem;}
.blank-line-1{width: 100%;height: 1rem;}
.blank-line-1-05{width: 100%;height: 1.5rem;}
.blank-line-2{width: 100%;height: 2rem;}
.blank-line-3{width: 100%;height: 3rem;}


.console-content-btn-bg{
    padding: .15rem .3rem !important;
    border-radius: 7px !important;
    font-size: .25rem !important;
}

.console-content-btn-sm{
    padding: .08rem .16rem !important;
    border-radius: 8px !important;
    font-size: .15rem !important;
}
.console-content-btn-ssm{
    padding: 2px 6px !important;
    border-radius: 5px !important;
    font-size: 4px !important;
}

.console-content-local-table-padding{padding: 20px !important;}

.console-content-find-input{
    padding: .08rem .16rem !important;
    border-radius: 10px !important;
    font-size: .16rem !important;
}

.console-content-find-input-checkbox{
    margin: 0 .05rem 0 0;
    padding: .1rem .1rem !important;
    border-radius: 5px !important;
}

.console-content-padding-10{
    padding: 4px 15px !important;
}

.console-content-margin-0{
    margin: 0;
}

.console-content-border{
    border-radius: 10px !important;
    border: 1px dashed gray !important;
}